$(document).ready(function() {
    (function(T, $) {

        var $element = $('.vid_4vids_02');
        $element.each(function() {
            var $parent = $(this);
            if ($.browser.msie && parseFloat($.browser.version) <= 8) {
            }
            else {
                $(window).resize(function() {
                    if (($(window).width() > 960) || ($(window).width() > 623 && $(window).width() <= 960)) {
                        $parent.find('.vid_4vids_02_container ul li:gt(2)').hide();
                        $parent.find('.vid_4vids_02_container ul li:gt(2)').show();
                    }
                    else if ($(window).width() < 624) {
                        $parent.find('.vid_4vids_02_container ul li:gt(2)').hide();
                    }
                });
            }
            $parent.find('.vid_4vids_02_less').hide();
            $('.vid_4vids_02_more').click(function(event) {
                event.preventDefault();
                $(this).hide();
                $(this).next('div').show();
                $(this).parent().prev('div').find('ul li:gt(2)').show();
            });

            $('.vid_4vids_02_less').click(function(event) {
                event.preventDefault();
                $(this).hide();
                $(this).prev('div').show();
                $(this).parent().prev('div').find('ul li:gt(2)').hide();
            });
            if (T.getDeviceSize() === 'small') {
                $parent.find('.vid_4vids_02_container ul li:gt(2)').hide();
            }
            

        });
        
        
                $vids = $(".vid_4vids_02");
                for (var j = 0; j < $vids.length; j++) {
                    var $vid = $vids[j];
                    if ($($vid).width() <= 310 && $($vid).width() > 280) {
                        var $lis = $($vid).find("li");
                        for (var i = 0; i < $lis.length; i++) {
                            var $li = $lis[i];
                            if (i % 2 == 0) {
                                $($li).css({
                                    "margin-left": "0",
                                    "margin-right": "24px"
                                });
                            }
                            else {
                                $($li).css({
                                    "margin-right": "0px"
                                });
                            }
                        }
                    } else {
                        if ($($vid).width() <= 648 && $($vid).width() >= 620) {
                            var $lis = $($vid).find("li");
                            for (var i = 1; i <= $lis.length; i++) {
                                var $li = $lis[i];
                                if(i%3==0){
                                   $($li).css({
                                        "margin-left": "0",
                                        "margin-right": "0"
                                    }); 
                                }
                                else{
                                    $($li).css({
                                        "margin-left": "0",
                                        "margin-right": "24px"
                                    });
                                }
                                if(i>=4){
                                    $($li).css({
                                        "display": "none"
                                    });
                                }
                            }
                        }
                        else{
                            if($($vid).width()>648){
                                $($vid).find("li:last-child").css({"margin-right":"0"});
                            }
                        }
                    }
                }
            
            $(window).resize(function(){
                $vids = $(".vid_4vids_02");
                for (var j = 0; j < $vids.length; j++) {
                    var $vid = $vids[j];
                    if ($($vid).width() <= 310 && $($vid).width() > 280) {
                        var $lis = $($vid).find("li");
                        for (var i = 0; i < $lis.length; i++) {
                            var $li = $lis[i];
                            if (i % 2 == 0) {
                                $($li).css({
                                    "margin-left": "0",
                                    "margin-right": "24px"
                                });
                            }
                            else {
                                $($li).css({
                                    "margin-right": "0px"
                                });
                            }

                        }
                    } else {
                        if ($($vid).width() <= 648 && $($vid).width() >= 620) {
                            var $lis = $($vid).find("li");
                            for (var i = 1; i <= $lis.length; i++) {
                                var $li = $lis[i];
                                if(i%3==0){
                                   $($li).css({
                                        "margin-left": "0",
                                        "margin-right": "0"
                                    }); 
                                }
                                else{
                                    $($li).css({
                                        "margin-left": "0",
                                        "margin-right": "24px"
                                    });
                                }
                                if(i>=4){
                                    $($li).css({
                                        "display": "none"
                                    });
                                }
                            }
                            

                        }
                        else{
                            if($($vid).width()>648){
                                var $lis = $($vid).find("li");
                                for (var i = 1; i <= $lis.length; i++) {
                                    var $li = $lis[i];
                                    $($li).css({
                                        "margin-left": "0",
                                        "margin-right": "27px"
                                    });
                                    if(i>=4){
                                        $($li).css({
                                            "display": "block"
                                        });
                                    }
                                }
                                $($vid).find("li:last-child").css({"margin-right":"0"});
                            }
                        }
                    }
                }
            });
        
        
    }(Televisa, jQuery));
});




